@import url(./common.less);
.top{
    display: flex;
    height: 16vw;
    box-sizing: border-box;
    border-bottom: 1px solid beige;
    background-color: rgb(255,255,255);
    .top-left{
        box-sizing: border-box;
        display: flex;
        align-items: center;
        width: 74.8vw;
        height: 15.8667vw;
        flex: 1;
        overflow: hidden;
        img{
            width: 10.6667vw;
            height: 10.6667vw;
            margin: 0 2.4vw 0 3.2vw;
            border-radius: 2.13333vw;
            box-shadow: 0 0 0.93333vw 0 rgb(0 0 0 / 15%);
        }
        .content{
            margin-top: .1333vw;
            flex: 1;
            overflow: hidden;
            span{
                display: block;
            }
            span:nth-child(1){
                font-size: 3.7333vw;
                font-weight: 500;
                color: #333;
                .text-overflow();
            }
            span:nth-child(2){
                margin-top:.5067vw;
                font-size: 3.2vw;
                color: #999;
                .text-overflow();
            }
        }
    }
    .top-right{
        width: 25.2vw;
        font-size: 4.2667vw;
        height: 15.8667vw;
        line-height: 16vw;
        text-align: center;
        background-image: linear-gradient(to right,red,rgba(242, 18, 18,0.7));
        color: white;
    }
}